<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="zh-CN">
<c:set var="path" value="${pageContext.request.contextPath}"></c:set>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>流浪动物救助系统</title>
    <link href="${path}/user/static/css/owl.carousel.css" rel="stylesheet">
    <link href="${path}/user/static/css/owl.theme.css" rel="stylesheet">
    <link href="${path}/user/static/css/style.css" rel="stylesheet">
    <link href="${path}/user/static/css/bootstrap.min.css" rel="stylesheet">

    <link rel="stylesheet" href="${path}/user/css/bootstrap.css" type="text/css" media="all">
    <!-- Bootstrap-Core-CSS -->
    <link rel="stylesheet" href="${path}/user/css/font-awesome.css" type="text/css" media="all">
    <!-- Font-Awesome-Icons-CSS -->
    <link rel="stylesheet" href="${path}/user/css/owl.carousel.css" type="text/css" media="all" />
    <!-- Owl-Carousel-CSS -->
    <link rel="stylesheet" href="${path}/user/css/style.css" type="text/css" media="all" />
    <!-- Style-CSS -->
    <!-- //css files -->
    <!-- web fonts -->
    <link href="http://fonts.googleapis.com/css?family=Molle:400i&amp;subset=latin-ext" rel="stylesheet">
    <link href="http://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i&amp;subset=latin-ext" rel="stylesheet">
    <link href="http://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&amp;subset=latin-ext"
          rel="stylesheet">

</head>
<body>
    <jsp:include page="header.jsp"></jsp:include>
    <!--幻灯片-->
    <section class="ab_img">
        <img src="${path}/user/static/images/ab1.jpg">
    </section>

    <!-- welcome -->
    <div class="about" id="about">
        <div class="container">
            <h3 class="agile-title">带我回家吧</h3>
            <div class="about-top w3ls-agile">
                <div class="col-md-6 red">
                    <img class="img-responsive" src="${path}/${ashow.aPicture}" alt="">
                </div>
                <div class="col-md-6 come">
                    <div class="about-wel">
                        <h5>${ashow.aName}
                            <!--<span>Cat Life</span>-->
                        </h5>
                        <p>年龄：${ashow.aAge}</p>
                        <p>性别：${ashow.aSex}</p>
                        <p>品种：${ashow.aSpecies}</p>
                        <p>身体状况：${ashow.aHealthCondition}</p>
                        <p>简介：【${ashow.aName}】${ashow.aIntroduction}</p>

                    </div>
                    <div class="button-styles">
                       <%-- <a href="#" data-toggle="modal" data-target="#myModal2">15359502373</a>--%>
                       <%-- <a href="${path}/appointment/appointmentAdd01?aId=${ashow.aId}" class="button2-w3l scroll" id="appointment">预约领养</a>--%>
                        <a  class="button2-w3l scroll" id="appointment">预约领养</a>
                    </div>
                </div>
                <div class="clearfix"> </div>
            </div>
          <%--  <div class="button-styles">
                <a href="#" data-toggle="modal" data-target="#myModal2">下一个</a>
                <a href="#contact" class="button2-w3l scroll">上一个</a>
            </div>--%>
        </div>
    </div>
    <!-- //welcome -->

    <!-- layui的js-->
    <script src="${path}/user/static/js/jquery-3.1.1.min.js"></script>
    <script src="${path}/admin/layui/layui.js" charset="utf-8"></script>
    <script>
        $(window).scroll(function () {
            $(".top").show();
            if ($(window).scrollTop() <= 300) {
                $(".top").hide();
            }
        });
        $(".top").click(function () {
            $("html").animate({"scrollTop": "0px"}, 100); //IE,FF
            $("body").animate({"scrollTop": "0px"}, 100); //Webkit
        });
    </script>

    <script type="text/javascript">
        $(function(){
            $("#appointment").click(function(){
                layui.use(['laypage','layer' ],function() {
                    var laypage = layui.laypage, layer = layui.layer;

                    if(${not empty user && !(user eq null)}){
                        if(${not empty user.uidnumber && !(user.uidnumber eq null)}){
                            location.href = "${path}/appointment/appointmentAdd01?aId=${ashow.aId}";

                        }else {
                            layer.msg("请先进行实名认证！", {
                                icon : 5,
                                time : 1000

                            });
                        }
                    } else{
                        layer.msg("请先登录！", {
                            icon : 5,
                            time : 1000

                        });

                    }
                });

            });
        });

    </script>

</body>
</html>
